<template>
	<view>
		<view class="empty_view"></view>
		<view class="tabbar">
			<navigator class="li" open-type='reLaunch' :url="route_key != '0' ?'/pages/jewel/agent/goods/categorys':''">
				<image :src="route_key == '0' ? '../../../../static/icons/jewel/c_cate_cur.png': '../../../../static/icons/jewel/c_cate.png'"></image>
				<view class="li_text" :class="[route_key == '0' ?'li_text_current':'']">分类</view>
			</navigator>
			<navigator class="li" open-type='reLaunch' :url="route_key != '1' ?'/pages/jewel/agent/cart/cart':''">
				<image :src="route_key == '1' ? '../../../../static/icons/jewel/c_car_cur.png' : '../../../../static/icons/jewel/c_car.png'"></image>
				<view class="li_text" :class="[route_key == '1' ?'li_text_current':'']">购物车</view>
			</navigator>
			<navigator class="li" open-type='switchTab' url="/pages/jewel/index/index">
				<image src="@/static/icons/jewel_logo.png" class="hl_logo"></image>
				<view class="li_text">珠宝中心</view>
			</navigator>
			<navigator class="li" open-type='reLaunch' :url="route_key != '2' ?'/pages/jewel/agent/order/orderlist':''">
				<image :src="route_key == '2' ? '../../../../static/icons/jewel/c_list_cur.png' : '../../../../static/icons/jewel/c_list.png'"></image>
				<view class="li_text" :class="[route_key == '2' ?'li_text_current':'']">订单列表</view>
			</navigator>
			<navigator class="li" open-type='reLaunch' :url="route_key != '3' ?'/pages/jewel/agent/user/maker_center':''">
				<image :src="route_key == '3' ? '../../../../static/icons/jewel/c_user_cur.png' : '../../../../static/icons/jewel/c_user.png'"></image>
				<view class="li_text" :class="[route_key == '3' ?'li_text_current':'']">个人中心</view>
			</navigator>
		</view>
	</view>
</template>
<script>
	export default {
		props: {
			route_key: {
				type: String,
				default: ''
			}
		}
	}
</script>
<style>
	.empty_view{
		height: 128upx;
		width: 100%;
	}
	.tabbar{
		height: 100upx;
		border-top: 1upx solid #b0b0b0;
		width: 100%;
		position: fixed;
		z-index: 99;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: center;
		box-shadow: 0 0 10px 0 hsla(0,6%,58%,.6);
		background: #fff;
	}
	.tabbar image{
		width: 44upx;
		height: 44upx;
		display: block;
		margin: 0 auto;
		margin-top: 2upx;
		margin-bottom: 4upx;
	}
	.tabbar .li{
		width: 20%;
		text-align: center;
	}
	.tabbar .li .li_text{
		font-size: 23upx;
		color: #555;
	}
	.tabbar .li .li_text_current{
		color: #d71311;
	}
</style>
